<template>
    <div>
        <button @click="a++">{{ a }}</button>
        <!-- 在模板中使用 ref 时，我们不需要附加 .value -->
        <button @click="increment">{{ a }}</button>
    </div>
</template>

<script lang="ts">
import { ref } from 'vue'
</script>

<script setup lang="ts">
const a = ref(0)
//a++ 这是不行的，需要加上.value
a.value++
console.log(a)
console.log(a.value)

function increment() {
    a.value++
}
</script>

<style></style>
